/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-action-bar .action-item.markers-panel-action-filter {
	max-width: 400px;
	min-width: 150px;
	flex: 1;
	cursor: default;
	margin: 4px 10px 0 0;
}

.monaco-action-bar .action-item.markers-panel-action-filter .monaco-inputbox {
	height: 25px;
}

.vs .monaco-action-bar .action-item.markers-panel-action-filter .monaco-inputbox {
	height: 25px;
	border: 1px solid #ddd;
}

.markers-panel .markers-panel-container {
	height: 100%;
}

.markers-panel .markers-panel-container .message-box-container {
	line-height: 22px;
	padding-left: 20px;
}

.markers-panel .markers-panel-container .message-box-container span:focus {
	outline: none;
}

.markers-panel  .markers-panel-container .hidden {
	display: none;
}

.markers-panel .markers-panel-container .tree-container {
	height: 100%;
}

.markers-panel .markers-panel-container .tree-container.hidden,
.markers-panel .markers-panel-container .message-box-container.hidden {
	display: none;
	visibility: hidden;
}

.markers-panel .markers-panel-container .tree-container .markers-panel-tree-entry {
	display: flex;
	line-height: 22px;
}

.hc-black .markers-panel .markers-panel-container .tree-container .markers-panel-tree-entry {
	line-height: 20px;
}

.markers-panel .markers-panel-container .tree-container .markers-panel-tree-entry .marker-stats {
	display: inline-block;
	margin-left: 10px;
}

.markers-panel .markers-panel-container .tree-container .markers-panel-tree-entry .count-badge-wrapper {
	margin-left: 10px;
}

.markers-panel .markers-panel-container .tree-container .markers-panel-tree-entry .marker-description {
	margin-right: 5px;
	text-overflow:  ellipsis;
	overflow: hidden;
}

.markers-panel .markers-panel-container .tree-container .markers-panel-tree-entry .marker-source:before {
	content: '[';
}

.markers-panel .markers-panel-container .tree-container .markers-panel-tree-entry .marker-source:after {
	content: ']';
}

.markers-panel .markers-panel-container .tree-container .markers-panel-tree-entry .marker-source,
.markers-panel .markers-panel-container .tree-container .markers-panel-tree-entry .marker-line {
	opacity: 0.7;
	margin-right: 5px;
}

.markers-panel .markers-panel-container .tree-container .markers-panel-tree-entry .highlight {
	font-weight: bold;
}

.markers-panel .icon {
	height: 22px;
	margin-right: 4px;
	margin-left: 4px;
	flex: 0 0 16px;
}

.markers-panel .icon.warning {
	background: url('status-warning.svg') center center no-repeat;
}

.markers-panel .icon.error {
	background: url('status-error.svg') center center no-repeat;
}

.markers-panel .icon.info {
	background: url('status-info.svg') center center no-repeat;
}

.vs-dark .markers-panel .icon.warning {
	background: url('status-warning-inverse.svg') center center no-repeat;
}

.vs-dark .markers-panel .icon.error {
	background: url('status-error-inverse.svg') center center no-repeat;
}

.vs-dark .markers-panel .icon.info {
	background: url('status-info-inverse.svg') center center no-repeat;
}
